/*
 * @Description: 
 * @Author: BOye
 * @Date: 2023-11-02 19:33:41
 * @LastEditTime: 2024-08-12 14:37:50
 * @LastEditors: yehongbo 1394168736@qq.com
 * @Reference: 
 */
import Vue from "vue";
import VueRouter from "vue-router";
import HomeView from "../views/HomeView.vue";

Vue.use(VueRouter);

const routes = [
  {
    path: "/",
    name: "home",
    component: HomeView,
  },
  {
    path: '/waterWorld',
    name: 'waterWorld',
    component: () => import("../views/waterWorld.vue")
  },
  {
    path: '/flyWorld',
    name: 'flyWorld',
    component: () => import("../views/flyWorld.vue")
  },
  {
    path: '/three',
    name: 'three',
    component: () => import("../views/three.vue")
  },
  {
    path: '/tween',
    name: 'tween',
    component: () => import("../views/tween.vue")
  },
  {
    path: '/rect',
    name: 'rect',
    component: () => import("../views/rect.vue")
  },
  {
    path: '/test1',
    name: 'test1',
    component: () => import("../views/test1.vue")
  },
  {
    path: '/test2',
    name: 'test2',
    component: () => import("../views/test2.vue")
  },
  {
    path: '/test3',
    name: 'test3',
    component: () => import("../views/test3.vue")
  },
  {
    path: '/test4',
    name: 'test4',
    component: () => import("../views/test4.vue")
  },
  {
    path: '/test5',
    name: 'test5',
    component: () => import("../views/test5.vue")
  },
  {
    path: '/test6',
    name: 'test6',
    component: () => import("../views/test6.vue")
  },
  {
    path: '/test7',
    name: 'test7',
    component: () => import("../views/test7.vue")
  },
  {
    path: '/test8',
    name: 'test8',
    component: () => import("../views/test8.vue")
  },
  {
    path: '/test9',
    name: 'test9',
    component: () => import("../views/test9.vue")
  },
  {
    path: '/test10',
    name: 'test10',
    component: () => import("../views/test10.vue")
  },
  {
    path: '/test11',
    name: 'test11',
    component: () => import("../views/test11.vue")
  },
  {
    path: '/test12',
    name: 'test12',
    component: () => import("../views/test12.vue")
  },
  {
    path: '/test13',
    name: 'test13',
    component: () => import("../views/test13.vue")
  },
  {
    path: '/test14',
    name: 'test14',
    component: () => import("../views/test14.vue")
  },
  {
    path: '/test15',
    name: 'test15',
    component: () => import("../views/test15.vue")
  },
  {
    path: '/test16',
    name: 'test16',
    component: () => import("../views/test16.vue")
  },
  {
    path: '/test17',
    name: 'test17',
    component: () => import("../views/test17.vue")
  },
  {
    path: '/test18',
    name: 'test18',
    component: () => import("../views/test18.vue")
  },
  {
    path: '/test19',
    name: 'test19',
    component: () => import("../views/test19.vue")
  },
  {
    path: '/test20',
    name: 'test20',
    component: () => import("../views/test20.vue")
  },
  {
    path: '/test21',
    name: 'test21',
    component: () => import("../views/test21.vue")
  },
  {
    path: '/rectLight',
    name: 'rectLight',
    component: () => import("../views/rectLight.vue")
  },
  {
    path: '/re',
    name: 're',
    component: () => import("../views/requestAnimationFrame.vue")
  },
  // {
  //   path: '/three1',
  //   name: 'three1',
  //   component: () => import("../views/three1.vue")
  // },
  {
    path: '/background',
    name: 'background',
    component: () => import("../views/background.vue")
  },
  {
    path: '/guanwangthree',
    name: 'guanwangthree',
    component: () => import("../views/guanwangthree.vue")
  },
  {
    path: '/ball',
    name: 'ball',
    component: () => import("../views/ball.vue")
  },
  {
    path: "/about",
    name: "about",
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () =>
      import(/* webpackChunkName: "about" */ "../views/AboutView.vue"),
  },
];

const router = new VueRouter({
  mode: "history",
  base: process.env.BASE_URL,
  routes,
});

export default router;
